<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>
<!-- 
  在CSS（层叠样式表）中，有许多不同类型的单位用于测量长度、宽度、颜色等。以下是一些常见的CSS单位：
1. **长度单位：**
   - **px（像素）：** 最常见的长度单位，相对于显示设备的屏幕分辨率。
   - **em：** 相对于元素自身的字体大小。
   - **rem：** 相对于根元素（html）的字体大小。
   - **%（百分比）：** 相对于包含元素的百分比。
   - **vw（视窗宽度的百分比）：** 相对于视口宽度的百分比。
   - **vh（视窗高度的百分比）：** 相对于视口高度的百分比。
   - **vmin：** 相对于视口宽度和高度中较小的那个的百分比。
   - **vmax：** 相对于视口宽度和高度中较大的那个的百分比。

2. **时间单位：**
   - **s（秒）：** 表示秒数。
   - **ms（毫秒）：** 表示毫秒数。

3. **角度单位：**
   - **deg（度）：** 表示角度。
   - **rad（弧度）：** 表示弧度。
   - **grad（梯度）：** 表示梯度。

4. **频率单位：**
   - **Hz（赫兹）：** 表示每秒的周期数。
   - **kHz（千赫兹）：** 表示每秒的千周期数。

5. **分辨率单位：**
   - **dpi（每英寸点数）：** 表示每英寸的像素数。
   - **dpcm（每厘米点数）：** 表示每厘米的像素数。
   - **dppx（每像素点数）：** 表示每像素的像素数。

6. **颜色单位：**
   - **RGB（红绿蓝）：** 用于表示颜色的一种方式，如 `rgb(255, 0, 0)` 表示红色。
   - **HEX（十六进制）：** 以十六进制表示的颜色值，如 `#FF0000` 表示红色。
   - **HSL（色相、饱和度、亮度）：** 用于表示颜色的另一种方式，如 `hsl(0, 100%, 50%)` 表示红色。
 -->